<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>列表组</title>
		<!--
			基本的列表组 徽章 连接 被禁用的条目 前景类 定制内容
		-->
		<link rel="stylesheet" href="css/bootstrap.min.css" />
	</head>

	<body>
		<!--
			配合a 标签则为可点击的
		-->
		<div class="container">
			<ul class="list-group">
				<li class="list-group-item">淘学网</li>
				<li class="list-group-item">淘学网</li>
				<li class="list-group-item">淘学网</li>
				<li class="list-group-item">淘学网</li>
			</ul>
			<!--
				徽章式的列表
			-->
			<ul class="list-group">
				<li class="list-group-item"><span class="badge">10</span>淘学网</li>
				<li class="list-group-item">淘学网</li>
				<li class="list-group-item"><span class="badge">10</span>淘学网</li>
				<li class="list-group-item">淘学网</li>
			</ul>
			<!--
				选中项 被禁用的条目
			-->
			<div class="list-group">
				<a href="#" class="list-group-item">淘学网</a>
				<a href="#" class="list-group-item active">淘学网</a>
				<a href="#" class="list-group-item">淘学网</a>
				<a href="#" class="list-group-item disabled">淘学网</a>
			</div>
			<!--
				颜色 情景类
			-->
			<ul class="list-group">
				<li class="list-group-item list-group-item-success">淘学网</li>
				<li class="list-group-item">淘学网</li>
				<li class="list-group-item">淘学网</li>
				<li class="list-group-item">淘学网</li>
			</ul>
			<!--
				定制内容
				图片 超链接 都可以放的
			-->
			<div class="list-group">
				<a href="#" class="list-group-item">
					<h4 class="list-group-item-heading">淘学网</h4>
					<p class="list-group-item-text">欢迎创业</p>
				</a>
				<a href="#" class="list-group-item">
					haah
				</a>
			</div>
		</div>

	</body>

</html>